<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<!--默认风格-->
		<!--<link rel="stylesheet" href="css/jquery.my-modal.1.1.css" />-->
		<!--win风格-->
		<link rel="stylesheet" type="text/css" href="css/jquery.my-modal.1.1.winStyle.css" />

	</head>

	<body>
		<button class="btn1">open the modal</button>
		<!--
        	描述：下面为模板
        -->
		<div class="m-modal">
			<div class="m-modal-dialog">
				<div class="m-top">
					<h4 class="m-modal-title">
						标题
					</h4>
					<span class="m-modal-close">&times;</span>
				</div>
				<div class="m-middle">
					<!--content-->
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta facere repellat culpa similique officiis praesentium eos! Eum atque maxime beatae similique nihil perferendis laborum tempora amet adipisci corrupti. Porro id.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta facere repellat culpa similique officiis praesentium eos! Eum atque maxime beatae similique nihil perferendis laborum tempora amet adipisci corrupti. Porro id.</p>
				</div>
				<div class="m-bottom">
					<button class="m-btn-sure">确定</button>
					<button class="m-btn-cancel">取消</button>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery1.9.min.js"></script>
		<script type="text/javascript" src="js/jquery.my-modal.1.1.js"></script>
		<script>
			var m1 = new MyModal.modal(function() {
				alert("你点击了确定");
			});
			$('.btn1').on("click", function() {
				m1.show();
			});
		</script>
	</body>

</html>